<template>
  <div id="detailFile">
    <el-form
      ref="ruleForm"
      :model="ruleForm"
      label-width="100px"
      label-position="left"
      class="demo-ruleForm"
    >
      <el-form-item label="活动分类：">
        {{ ruleForm.type }}
      </el-form-item>
      <el-form-item label="活动名称：">
        {{ ruleForm.name }}
      </el-form-item>
      <el-form-item label="活动描述：">
        {{ ruleForm.description }}
      </el-form-item>
      <el-form-item label="备注：">
        {{ ruleForm.remark }}
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'detailFile',
  msg: '官方征集自评活动/查看详情/活动档案',
  data() {
    return {
      ruleForm: {
        type: '官方征集自评活动',
        name: '官方征集自评活动',
        description: '征集学院作品，官方评选获选用户',
        remark: '此活动针对所有用户'
      }
    }
  },
  mounted() {},
  methods: {}
}
</script>

<style lang="less">
#detailFile {
  padding: 20px 50px;

  .el-form-item {
    margin-bottom: 0;
  }

  .el-form-item__label {
    color: #8b91a1;
  }
}
</style>
